<template>
  <tr class="tdvue">
    <td class="td1">
      <img :src="orderImg" alt="订单图" class="dingdanPic" />
    </td>
    <td>{{orderName}}</td>
    <td>{{orderNorms}}</td>
    <td>{{orderPrice}}</td>
    <td>{{orderNum}}</td>
    <td>{{orderNewPrice}}</td>
  </tr>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  props: {
    orderImg: String,
    orderName: String,
    orderNorms: String,
    orderPrice: String,
    orderNum: String,
    orderNewPrice: String
  }
};
</script>

<style>
.tdvue {
  /* border-bottom: 1px solid #e7e7e7; */
  color: #666666;
}
.tdvue td {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
}
.tdvue .td1{
width:30%;
}
.dingdanPic {
  width:54%;
  height: 50%;
  border: 1px solid #dedede;
}
.dingdanPic img {
  border: none;
  vertical-align: top;
}
</style>
